@import '../variables';

.statistics {
	padding: 40px 0;
	background-color: #eef4f4;

	h1, h3 {
		margin: 40px 0;
	}

	.stats-last-update {
		margin-top: 100px;
	}

	.stats-subtitle {
		float: right;
		font-size: small;
	}

	.stats-box {
		height: 240px;
		padding: 60px 0;
		text-align: center;
		border: 2px solid #cee1e1;
		background-color: #fff;

		.stats-title {
			font-size: 22px;
		}

		.stats-number {
			font-size: 44px;
			color: #eb4c36;
		}

		.stats-traffic {
			position: absolute;
			bottom: 0;
			right: 10px;
			padding: 15px;
			background-color: #dfebeb;
			font-size: 18px;

			@media (max-width: @screen-xs-max) {
				bottom: 20px;
			}

			.stats-number {
				font-size: 16px;
				font-weight: 700;
			}
		}
	}

	.google-visualization-tooltip {
		width: 240px;
		border: none;
		box-shadow: none;
		background-color: #15191d;
		z-index: 1100;
	}

	.google-visualization-tooltip-square {
		width: .8em;
		height: .8em;
		border-bottom: none;
	}

	.google-visualization-tooltip-item {
		span + span:last-child {
			float: right;
		}
	}

	#load-balancing-map {
		padding: 20px;
		border: 2px solid #cee1e1;
		background-color: #fff;

		.google-visualization-tooltip {
			background-color: #15191d;
			width: 340px;
		}

		.google-visualization-tooltip-item {
			color: #fff;
			font-size: 13px;
		}

		.total-hits {
			float: right;
			margin-top: -30px;
		}
	}
}
